<template>
    <div class="layout-header">
        <el-button type="primary" @click="$router.push({ name: 'user' })">用户模块</el-button>
        <el-button type="primary" @click="$router.push({ name: 'depart' })">部门模块</el-button>
    </div>
    <main class="container">
        <el-scrollbar>
            <router-view />
        </el-scrollbar>
    </main>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.layout-header {
    height: 120px;
    background-color: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container {
    height: calc(100vh - 120px);
    background-color: #fff;
}
</style>
